<!doctype html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>HTML5宽屏大气大型在线购物网购商城网站模板</title>
    <meta name="keywords" content="HTML5,宽屏大气,大型,在线购物,网购商城"/>
    <meta name="description" content="HTML5宽屏大气大型在线购物网购商城网站模板下载。仿新版京东商城界面网页模板。js代码(www.jsdaima.com)"/>
    <link rel="stylesheet" type="text/css" href="/static/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="/static/css/style.css"/>
    <link rel="stylesheet" href="/static/css/slide.css"/>
</head>

<body>
<div class="top_banner">
    <div class="module w1200">
        <a href="javascript:">
            <img src="/static/images/active.jpg"/>
            <i class="icon-close"><img src="/static/images/close.png"/></i>
        </a>
    </div>
</div>
<div class="site-nav" id="site-nav">
    <div class="w w1200">
        <div class="fl">
            <div class="city-choice" id="city-choice" data-ectype="dorpdown">
                <div class="dsc-choie dsc-cm" ectype="dsc-choie">
                    <img src="/static/images/place.png" class="place"/>
                    <input type="text" value="北京" class="search"/>
                </div>

            </div>
            {% if user.is_authenticated %}
            <div class="txt-info" id="ECS_MEMBERZONE">
                <a href="user_center" class="link-login red">{{ user.username }}</a>
                <a href="/logout" class="link-regist">退出登陆</a>

            </div>
            {% else %}
            <div class="txt-info" id="ECS_MEMBERZONE">
                <a href="login" class="link-login red">请登录</a>
                <a href="register" class="link-regist">免费注册</a>
            </div>
            {% endif %}
        </div>
        <ul class="quick-menu fr">
            <li>
                <div class="dt">
                    <a href="/user_center">个人中心</a>
                </div>
            </li>
            <li class="spacer"></li>

        </ul>
        <ul class="quick-menu fr">
            <li>
                <div class="dt">
                    <a href="/good_car">购物车</a>
                </div>
            </li>
            <li class="spacer"></li>

        </ul>
        <ul class="quick-menu fr">
            <li>
                <div class="dt">
                    <a href="/address">地址</a>
                </div>
            </li>
            <li class="spacer"></li>

        </ul>
        <ul class="quick-menu fr">
            <li>
                <div class="dt">
                    <a href="/">首页</a>
                </div>
            </li>
            <li class="spacer"></li>

        </ul>
    </div>
</div>
<div class="clear"></div>
<div class="header">
    <div class="header_container">
        <div class="logo fl">
            <img src="/static/images/logo.png"/>
            <a href="#"><img src="/static/images/ecsc-join.gif"/></a>
        </div>
        <div class="dsc-search">
            <div class="form">
            </div>
        </div>
    </div>
</div>
<div class="clear"></div>
<div class="nav" ectype="dscNav">
    <div class="w w1200">
        <div class="categorys ">
            <div class="categorys-type">
                <a href="categoryall.php" target="_blank">全部商品分类</a>
            </div>
            <div class="categorys-tab-content">
                <div class="categorys-items" id="cata-nav">
                    {% for _, category_info in categories.items() %}
                    <div class="categorys-item">
                        <div class="item item-content">
                            <i class="iconfont icon-ele"><img src="/static/images/icon/elece.png"></i>
                            <div class="categorys-title">
                                <span>
                                    {% for category_1 in category_info["channels"] %}
                                            <a href="{{ category_1['url'] }}"
                                               target="_blank">{{ category_1['name'] }}</a>
                                    {% endfor %}
                                        </span>
                            </div>
                        </div>
                        <div class="categorys-items-layer">
                            <div class="cate-layer-con clearfix">
                                <div class="cate-layer-left">
                                    <div class="cate_detail">
                                        {% for category_2 in category_info["sub_cats"] %}
                                        <dl class="dl_fore1">
                                            <dt><a href="#" target="_blank">{{ category_2['name'] }}</a></dt>
                                            <dd>
                                                {% for category_3 in category_2['sub_cats'] %}
                                                <a href="#" target="_blank">{{ category_3['name'] }}</a>
                                                {% endfor %}
                                            </dd>
                                        </dl>
                                        {% endfor %}
                                    </div>
                                </div>
                                <div class="cate-layer-rihgt">
                                    <h3>猜你喜欢</h3>
                                    <div class="cate-layer-right-slide">
                                        <img src="/static/images/elec1.jpg"/>
                                    </div>
                                    <div class="cate-layer-right-slide">
                                        <img src="/static/images/elec1.jpg"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    {% endfor %}
                </div>
            </div>
        </div>
        <div class="nav-main" id="nav">
            <ul class="navitems">
                <li>
                    <a href="#" class="curr">首页</a>
                </li>
                <li>
                    <a href="#">食品特产</a>
                </li>
                <li>
                    <a href="#">服装城</a>
                </li>
                <li>
                    <a href="#">大家电</a>
                </li>
                <li>
                    <a href="#">鞋靴箱包</a>
                </li>
                <li>
                    <a href="#">品牌专区</a>
                </li>
                <li>
                    <a href="#">聚划算</a>
                </li>
                <li>
                    <a href="#">积分商城</a>
                </li>
                <li>
                    <a href="#">预售</a>
                </li>
                <li>
                    <a href="#">店铺街</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="slide" id="lun2" style="">
    <div class="carouse" style="min-width: 1200px;position:relative;margin-top: 0px;">
        <div class="slideItem">
            <a href="#" target="_blank"><img class="banner-img" src="/static/images/banner4.jpg" style="height: 500px;"></a>
        </div>
        <div class="slideItem">
            <a href="#" target="_blank"><img class="banner-img" src="/static/images/banner5.jpg" style="height: 500px;"></a>
        </div>
        <div class="slideItem">
            <a href="#" target="_blank"><img class="banner-img" src="/static/images/banner6.jpg" style="height: 500px;"></a>
        </div>
        <!--<a class="carousel-control left Next"></a>
        <a class="carousel-control right Previous"></a>-->
    </div>
    <!-- 轮播底部圆点 -->
    <div class="dotList"></div>
</div>
<div class="shop_new">
    <div class="sy_c">
        <div class="sy_gg">
            <div class="shop_new_logo">
                <img src="/static/images/new1.png"/>
                <img src="/static/images/new3.png"/>
            </div>
            <div class="ranklist">
                <ul>
                    <li>
                        <a href="#">小米：58秒售罄！魅族：抱歉，我30秒</a>
                        <a href="#"><span>点我查看详情</span></a>
                    </li>
                    <li>
                        <a href="#">穿这样的裙子会显高，你穿过几种？</a>
                        <a href="#"><span>点我查看详情</span></a>
                    </li>
                    <li>
                        <a href="#">蓄电池专场下单立减100元</a>
                        <a href="#"><span>点我查看详情</span></a>
                    </li>
                    <li>
                        <a href="#">五星双人自助低至299元</a>
                        <a href="#"><span>点我查看详情</span></a>
                    </li>
                    <li>
                        <a href="#">天府大件运营中心开仓公告</a>
                        <a href="#"><span>点我查看详情</span></a>
                    </li>
                </ul>
            </div>
            <div class="new_more">
                <a href="#"><img src="/static/images/new_more.png"/></a>
            </div>
        </div>
    </div>
</div>

<div class="discount">
    <div class="dis_con">
        <a href="#"><img src="/static/images/discount1.png"/></a>
    </div>
</div>
<div class="w1200_container">
    <div class="no_enough">
        <ul>
            {% for i in contents %}
            <li class="opacity_img1">
                <a href="commodity?id={{ i.id }}" target="_blank">
                    <div class="p_img">
                        <img src="{{ i.default_image }}"/>
                    </div>
                    <div class="no_ename" title="{{ i.caption }}">
                        {{ i.caption }}
                    </div>
                    <div class="no_eprice">
                        <em>¥</em>{{ i.cost_price }}
                    </div>
                </a>
            </li>
            {% endfor %}
        </ul>
    </div>
    <div class="clear"></div>
</div>
<!--底部-->
<div class="footer_con">
    <div class="fnc_container">
        <div class="help-list">
            <div class="help-item">
                <h3>新手上路 </h3>
                <ul>
                    <li>
                        <a href="#" title="售后流程" target="_blank">售后流程</a>
                    </li>
                    <li>
                        <a href="#" title="购物流程" target="_blank">购物流程</a>
                    </li>
                    <li>
                        <a href="#" title="订购方式" target="_blank">订购方式</a>
                    </li>
                </ul>

            </div>
            <div class="help-item">
                <h3>配送与支付 </h3>
                <ul>
                    <li>
                        <a href="#" title="货到付款区域" target="_blank">货到付款区域</a>
                    </li>
                    <li>
                        <a href="#" title="配送支付智能查询 " target="_blank">配送支付智能查询</a>
                    </li>
                    <li>
                        <a href="#" title="支付方式说明" target="_blank">支付方式说明</a>
                    </li>
                </ul>

            </div>
            <div class="help-item">
                <h3>会员中心</h3>
                <ul>
                    <li>
                        <a href="#" title="资金管理" target="_blank">资金管理</a>
                    </li>
                    <li>
                        <a href="#" title="我的收藏" target="_blank">我的收藏</a>
                    </li>
                    <li>
                        <a href="#" title="我的订单" target="_blank">我的订单</a>
                    </li>
                </ul>

            </div>
            <div class="help-item">
                <h3>服务保证 </h3>
                <ul>
                    <li>
                        <a href="#" title="退换货原则" target="_blank">退换货原则</a>
                    </li>
                    <li>
                        <a href="#" title="售后服务保证" target="_blank">售后服务保证</a>
                    </li>
                    <li>
                        <a href="#" title="产品质量保证 " target="_blank">产品质量保证</a>
                    </li>
                </ul>

            </div>
            <div class="help-item">
                <h3>联系我们 </h3>
                <ul>
                    <li>
                        <a href="#" title="网站故障报告" target="_blank">网站故障报告</a>
                    </li>
                    <li>
                        <a href="#" title="选机咨询 " target="_blank">选机咨询</a>
                    </li>
                    <li>
                        <a href="#" title="投诉与建议 " target="_blank">投诉与建议</a>
                    </li>
                </ul>
            </div>
            <div class="help-item">
                <h3>关注我们 </h3>
                <img src='/static/images/erweima.png'/>
            </div>

        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/kuCity.js"></script>
<script type="text/javascript" src="/static/js/jquery.SuperSlide.js"></script>
<script type="text/javascript" src="/static/js/slide.js"></script>
<script>
		$('.li_dorpdown').hover(function() {
			$('.dorpdown-layer').show();
		});
		$('.li_dorpdown').mouseleave(function() {
			$('.dorpdown-layer').hide();
		});
		$('.icon-close').click(function() {
			$('.top_banner').hide();
		});
		$('.my_center_box_left a').hover(function() {

		});
		$('.cate-layer-right-slide img').mouseenter(function() {

			$(this).delay('300').animate(300);
		});
		$('.cate-layer-right-slide img').mouseleave(function() {
			$(this).css('border', 'none')
		});
		$()






</script>
<script>
		$('.search').kuCity();
		$("#lun2").slide({
			autoplay: true,
			autoTime: 5000,
		});






</script>
<!--滚动展示-->
<script type="text/javascript">
		(function($) {

			$.fn.myScroll = function(options) {
				//默认配置
				var defaults = {
					speed: 50, //滚动速度,值越大速度越慢
					rowHeight: 50 //每行的高度
				};

				var opts = $.extend({}, defaults, options),
					intId = [];

				function marquee(obj, step) {

					obj.find("ul").animate({
						marginTop: '-=1'
					}, 0, function() {
						var s = Math.abs(parseInt($(this).css("margin-top")));
						if(s >= step) {
							$(this).find("li").slice(0, 1).appendTo($(this));
							$(this).css("margin-top", 0);
						}
					});
				}

				this.each(function(i) {
					var sh = opts["rowHeight"],
						speed = opts["speed"],
						_this = $(this);
					intId[i] = setInterval(function() {
						if(_this.find("ul").height() <= _this.height()) {
							clearInterval(intId[i]);
						} else {
							marquee(_this, sh);
						}
					}, speed);

					_this.hover(function() {
						clearInterval(intId[i]);
					}, function() {
						intId[i] = setInterval(function() {
							if(_this.find("ul").height() <= _this.height()) {
								clearInterval(intId[i]);
							} else {
								marquee(_this, sh);
							}
						}, speed);
					});

				});

			}

		})(jQuery);

		$(function() {

			$("div.ranklist").myScroll({
				speed: 50,
				rowHeight: 50
			});

		});
		$(".closehd").click(function() { //右下角红包图标点击变小
			$(this).hide();
			$('.bk_foot_redbag a').animate({
				width: '80px',
				height: '100px'
			});
		});
		$('#red_bag').click(function(){
			$(this).hide();
			$('.closehd').hide();
			$('.font').show();
			$('.font').css('display','inline-block')
			$('.red_bag').animate({
				width:'400px',
				height:'300px'
			});
		});
		$('#ensure').click(function(){
			$('.red_bag').fadeOut();
		});






</script>
{% if messages %}
<script>
        {% for msg in messages %}
            alert('{{ msg.message }}');
        {% endfor %}


</script>
{% endif %}
</html>